<template>
    <div class="progress">
      <mt-header fixed title="进度">
        <router-link to="/user" replace slot="left">
          <mt-button icon="back">返回</mt-button>
        </router-link>
      </mt-header>
      <div class="list">
        <div class="info" v-for="(item, index) in 6" :key="index">
          <p class='wx'>微信号: 地点</p>
          <div class="phone">手机号：15566667777</div>
          <div class="comfort"><img src="../assets/img/确认.png" alt="">已确认 </div>
          <!-- <div class="comfort no"><img src="../assets/img/问号.png" alt="">待审核 </div> -->
        </div>
      </div>
    </div>
</template>

<script>
import { Indicator, Toast } from 'mint-ui'
export default {
  data () {
    return {
      list: ''
    }
  },
  mounted () {
    Indicator.open()
    this.getInfo()
  },
  methods: {
    async getInfo () {
      let that = this
      let res = await that.$api({
        method: 'post',
        url: '/app/examine/examine'
      })
      try {
        if (res.success) {
          Indicator.close()
          console.log(res)
          this.list = res.data
        } else {
          Toast(res.msg)
        }
      } catch (error) {
        console.log(error)
        Indicator.close()
      }
    }
  }
}
</script>

<style scoped lang='less'>
.progress{
  // background: #f2f2f2;
}
.list{
  padding: .2rem;
  margin-top: .3rem;
  .info{
    font-size: .14rem;
    background: #fff;
    box-shadow: 0px 2px 3px #666;
    padding: .2rem .12rem;
    margin-top: .1rem;
    border-radius: .06rem;
    .wx{
      color: #999;
      font-size: .16rem;
    }
    .phone{
      color: #333;
      margin: .12rem 0;
    }
    .comfort{
      display: flex;
      align-items: center;
      color: #1296db;
      img{
        width: 0.2rem;
        height: 0.2rem;
        margin-right: .1rem;
      }
    }
    .no{
      color: #515151;
    }
  }
}
</style>
